<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>客户首页</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
  <div class="d-flex">
    <nav class="flex-column bg-primary text-white p-3" style="width: 220px; height: 100vh;">
      <h4>客户中心</h4>
      <ul class="nav flex-column">
        <li class="nav-item"><a href="/customer/dashboard" class="nav-link text-white active">首页</a></li>
        <li class="nav-item"><a href="/customer/balance" class="nav-link text-white">余额查询</a></li>
        <li class="nav-item"><a href="/customer/transactions" class="nav-link text-white">交易查询</a></li>
        <li class="nav-item"><a href="/customer/deposit" class="nav-link text-white">存款</a></li>
        <li class="nav-item"><a href="/customer/withdraw" class="nav-link text-white">取款</a></li>
        <li class="nav-item"><a href="/customer/report_loss" class="nav-link text-white">挂失</a></li>
        <li class="nav-item"><a href="/customer/change_password" class="nav-link text-white">修改密码</a></li>
      </ul>
    </nav>
    <main class="flex-fill p-4">
      <h2>欢迎，客户！</h2>
      <p>请选择左侧功能进行操作。</p>
    </main>
  </div>
  <script src="/static/js/main.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>